/***
author: sailing
date: 2018/11/6
***/

<template>
	<div class="aboutMe">
		<mu-container>
		  <mu-list class="badge-list-wrap">
		    <mu-list-item>
		      <mu-list-item-content>
		        <mu-list-item-title>Menu Item 1</mu-list-item-title>
		      </mu-list-item-content>
		      </mu-list-item-action>
		        <mu-badge content="12"></mu-badge>
		      </mu-list-item-action>
		    </mu-list-item>
		    <mu-list-item>
		      <mu-list-item-content>
		        <mu-list-item-title>Menu Item 2</mu-list-item-title>
		      </mu-list-item-content>
		      </mu-list-item-action>
		        <mu-badge content="old" color="primary"></mu-badge>
		      </mu-list-item-action>
		    </mu-list-item>
		    <mu-list-item>
		      <mu-list-item-content>
		        <mu-list-item-title>Menu Item 3</mu-list-item-title>
		      </mu-list-item-content>
		      </mu-list-item-action>
		        <mu-badge content="news" color="secondary"></mu-badge>
		      </mu-list-item-action>
		    </mu-list-item>
		  </mu-list>
		</mu-container>
	</div>
</template>

<script type="text/javascript">
	export default{
		data () {
			return {

			}
		}
	}
</script>

<style lang='less'>
	.aboutMe{

	}
	.badge-list-wrap {
	  width: 100%;
	  max-width: 360px;
	  background-color: #fff;
	  margin: 0 auto;
	}
</style>